<script setup lang="ts">
/**
 * 作者: 石兴龙
 * 抖音: 程序员小石
 * 微信: Codingxiaoshi
 */

import Photo from './components/Photo/index.vue'
import Lyric from './components/Lyric/index.vue'

</script>

<template>
  <div class="container music-container">
    <Photo />
    <Lyric />
  </div>
</template>

<style >
#app {
  overflow: hidden;
}

.music-container {
  position: relative;
  left: 30px;
}

.container {
  display: flex;
  cursor: default;
  flex-direction: column;
}

.logo {
  height: 6em;
  padding: 1.5em;
  will-change: filter;
}

.logo:hover {
  filter: drop-shadow(0 0 2em #646cffaa);
}

.logo.vue:hover {
  filter: drop-shadow(0 0 2em #42b883aa);
}
</style>
